
<style lang="scss" scoped>
.cell-box {
  height: auto;
  position: relative;
  background: #fff;
  padding-bottom: 54px;
  li {
    width: 100%;
    height: 60px;
    font-size: 16px;
    color: rgba(82, 82, 82, 1);
    line-height: 60px;
    padding-left: 15px;
    img {
      width: 24px;
      height: 24px;
      display: block;
      margin-right: 21px;
    }
    div {
      width: 100%;
      position: relative;
      border-bottom: 1px solid rgba(232, 232, 232, 1);
      height: 100%;
      &::after {
        content: "";
        width: 20px;
        height: 20px;
        display: inline-block;
        background: url("/static/ethel_img/order/my_icon_aw.png") center center
          no-repeat;
        background-size: 100% 100%;
        vertical-align: middle;
        position: absolute;
        right: 0px;
        top: 50%;
        margin-top: -10px;
      }
    }
    &:last-child {
      border-bottom: none;
    }
  }
}
</style>
<template>
  <ul class="cell-box">
    <li
      class="flex-display flex-center-align"
      v-for="(item,index) in cell_data"
      :key="index"
      @click="fnOPenPage(item.path)"
    >
      <img :src="item.url">
      <div class="flex-num-one flex-center-align">
        <span>{{item.title}}</span>
      </div>
    </li>
    <!-- <p  v-for="(item,idx) in cell_data" :key="idx" style="">
            <mt-cell :title="item.title"  :to="item.path" is-link  class="cell">
            </mt-cell> 
             <i :class="item.iclass" ></i>
    <img src="/static/img/shouquan1.png" v-if="idx ==7" style="position: absolute;left: 18px;top: 15px;width: 23px;">-->
  </ul>
</template>
      
<script>
import { Cell } from "mint-ui";
export default {
  name: "gongneng",
  props: {
    cell_data: {
      type: Array,
      default: [],
      required: false
    }
  },
  methods: {
    fnOPenPage(_path) {
      // 获取缓存的用户信息
      this.ethelWxUserInfo = this.getlocalStorage(this.companyUnique);
      if (_path == "/PaymentPassword" && !this.ethelWxUserInfo.is_bind_phone) {
        this.$router.push({
          path: '/entry/register'
        });
        return
      }
      this.$router.push({
        path: _path,
        query: {
          isRouteVal: true
        }
      });
    }
  },
  conponents: {
    Cell
  }
};
</script>   

      